<template>
  <div>
    <!-- 初次渲染完毕之后，让我们的input聚焦 -->
    <input type="text" ref="inputRef" />
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'

// 定义模型数据
const count = ref(0)

// 名字要跟template中的保持一致
const inputRef = ref(null)

console.log('---this---', this)

onMounted(() => {
  // 初次渲染完毕之后，执行这里
  // inputRef.value 拿到的就是dom节点
  console.log('---onMounted---', inputRef.value)

  inputRef.value.focus()
})
</script>
